/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.1
*/
/* MenuBar style rules */

.yui-skin-sam .yuimenubar {

    border: solid 1px #808080;
    background: url(../../../../assets/skins/sam/sprite.png) repeat-x 0 0;

}

/* 
    The following two style rules cause a MenuBar's UL to clear its 
    floating LIs.
*/

.yui-skin-sam .yuimenubar .bd,
.yui-skin-sam .yuimenubar ul {

    *zoom: 1;   /* For IE */

}

.yui-skin-sam .yuimenubar>.bd>ul:after {

    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    line-height: 0;

}


/* MenuBarItem style rules */

.yui-skin-sam .yuimenubaritem {

    float: left;

}

.yui-skin-sam .yuimenubarnav .yuimenubaritem {

    border-right: solid 1px #ccc;

}

.yui-skin-sam .yuimenubaritemlabel {

    display: block;
    *display: inline-block; /* For IE */
    font-size: 93%;  /* 12px */
    line-height: 2;  /* ~24px */
    *line-height: 1.9; /* For IE */
    padding: 0 10px;
    color: #000;
    text-decoration: none;
    outline: none;
    cursor: default;
    border-style: solid;
    border-color: #808080;
    border-width: 1px 0;
    position: relative;
    margin: -1px 0;

}

.yui-skin-sam .yuimenubarnav .yuimenubaritemlabel {

    padding-right: 20px;

}

.yui-skin-sam .yuimenubaritemlabel .submenuindicator {
    
    /*
        Set height and width to 1px so screen readers announce the content of 
        the element.
    */

    width: 1px;
    height: 1px;
    top: 0;
    left: 0;

}

.yui-skin-sam .yuimenubarnav .yuimenubaritemlabel .submenuindicator {
    
    top: 50%;
    right: 8px;
    left: auto; /* Override "left" property set by previous style rule */
    margin-top: -3px;
    height: 4px;
    width: 7px;
    text-indent: 8px;
    background-position: -16px -856px;

}


/* MenuBarItem states */

/* Selected MenuBarItem */

.yui-skin-sam .yuimenubaritem a.selected {

    background: url(../../../../assets/skins/sam/sprite.png) repeat-x 0 -1700px;
    border-color: #7D98B8;

}

.yui-skin-sam .yuimenubarnav .yuimenubaritem a.selected {

    border-left-width: 1px;
    margin-left: -1px;
    *left: -1px;    /* For IE */

}

.yui-skin-sam .yuimenubar a.selected .submenuindicator {

    background: transparent;

}

.yui-skin-sam .yuimenubarnav a.selected .submenuindicator {

    /*
        Reset the value of the "background" property since it is set to 
        "transparent" by the previous rule.
    */

    background: url(../../../../assets/skins/sam/sprite.png) repeat-x -16px -856px;

}


/* Disabled  MenuBarItem */

.yui-skin-sam .yuimenubaritem a.disabled {

    cursor: default;
    color: #A6A6A6;

}

.yui-skin-sam .yuimenubarnav .yuimenubaritem a.disabled .submenuindicator {

    background-position: -16px -881px;

}


/* Menu style rules */

.yui-skin-sam .yuimenu .bd {

    border: solid 1px #808080;
    background-color: #fff;
    
}

.yui-skin-sam .yuimenu ul {

    padding: 3px 0;
    border-width: 1px 0 0 0;
    border-color: #ccc;
    border-style: solid;

}

.yui-skin-sam .yuimenu ul.first-of-type {

    border-width: 0;

}


/* Group titles */

.yui-skin-sam .yuimenu h6 { 

    font-size: 93%;  /* 12px */
    font-weight: bold;
    line-height: 1.5;  /* 18px */
    *line-height: 1.45; /* For IE */
    border-style: solid;
    border-color: #ccc;
    border-width: 1px 0 0 0;
    color: #a4a4a4;    
    padding: 3px 10px 0 10px;

}

.yui-skin-sam .yuimenu ul.hastitle,
.yui-skin-sam .yuimenu h6.first-of-type {

    border-width: 0;

}


/* Top and bottom scroll controls */

.yui-skin-sam .yuimenu .yui-menu-body-scrolled {

    border-color: #ccc #808080;
    overflow: hidden;

}

.yui-skin-sam .yuimenu .topscrollbar,
.yui-skin-sam .yuimenu .bottomscrollbar {

    height: 16px;
    border: solid 1px #808080;
    background: #fff url(../../../../assets/skins/sam/sprite.png) no-repeat 0 0;

}

.yui-skin-sam .yuimenu .topscrollbar {

    border-bottom-width: 0;
    background-position: center -950px;

}

.yui-skin-sam .yuimenu .topscrollbar_disabled {

    background-position: center -975px;

}

.yui-skin-sam .yuimenu .bottomscrollbar {

    border-top-width: 0;
    background-position: center -850px;

}

.yui-skin-sam .yuimenu .bottomscrollbar_disabled {

    background-position: center -875px;

}


/* MenuItem style rules */

.yui-skin-sam .yuimenuitemlabel {

    font-size: 93%;  /* 12px */
    line-height: 1.5;  /* 18px */
    *line-height: 1.45; /* For IE */
    padding: 0 20px;
    display: block;
    color: #000;
    text-decoration: none;
    outline: none;
    position: relative;

    /* 
        Need to set the "position" property to "static" for IE otherwise the
        MenuItem instances will not respect the value of the "overflow" 
        property that is applied to its body element (see the above 
        ".yui-skin-sam .yuimenu .yui-menu-body-scrolled" rule) when it 
        is scrolled.
    */

    *position: static;
    cursor: default;

}

.yui-skin-sam .yuimenuitemlabel .helptext {

    font-style: normal;
    display: block;
    margin: -1.5em 0 0 10em;
    *margin-top: -1.45em;  /* For IE*/
    
}

.yui-skin-sam .yuimenuitemlabel .submenuindicator,
.yui-skin-sam .yuimenuitemlabel .checkedindicator,
.yui-skin-sam .yuimenubaritemlabel .submenuindicator {
    
    position: absolute;
    overflow: hidden;
    background: url(../../../../assets/skins/sam/sprite.png) no-repeat;

}

/*
    Set special values for the "position" and "display" properties for IE since
    it is necessary to position the submenu and checked indicator nodes 
    differently since their parent element isn't relatively positioned.
*/

.yui-skin-sam .yuimenuitemlabel .submenuindicator,
.yui-skin-sam .yuimenuitemlabel .checkedindicator {

    *position: static;
    *display: inline-block;

}

.yui-skin-sam .yuimenuitemlabel .submenuindicator {

    top: 50%;
    right: 8px;
    margin-top: -3px;
    height: 7px;
    width: 4px;
    text-indent: 5px;
    background-position: 0 -906px;

}

.yui-skin-sam .yuimenuitemlabel .checkedindicator {

    top: 50%;
    left: 8px;
    margin-top: -3px;
    height: 7px;
    width: 7px;
    text-indent: 8px;
    background-position: 0 -1006px;

}


/* Menu states */

/* Visible Menu */

/*
    The following three rules are used to position the submenu and checked
    indicator nodes for IE since their parent element isn't 
    relatively positioned.
*/

.yui-skin-sam .visible .yuimenuitemlabel .submenuindicator {

    *float: right;
    *margin: -1em 8px 0 8px;

}

.yui-skin-sam .visible .yuimenuitem .hassubmenu {

    *padding-right: 0;

}

.yui-skin-sam .visible .yuimenuitemlabel .checkedindicator {

    *float: left;
    *margin: -1em 0 0 -12px;

}

.yui-skin-sam .yui-menu-shadow-visible {

    top: 2px;
    right: -3px;
    left: -3px;
    bottom: -3px;
    background-color: #000;
    opacity: .12;
    *filter: alpha(opacity=12);  /* For IE */
    visibility: visible;

}

.yui-skin-sam .visible .bd,
.yui-skin-sam .visible .yuimenuitem {

    _zoom: 1;   /* For IE 7 Quirks Mode and IE 6 Standards and Quirks Mode */

}

.yui-skin-sam .visible .yuimenuitemlabel {

    *zoom: 1;   /* For IE */

}


/* MenuItem states */

/* Selected MenuItem */

.yui-skin-sam .yuimenuitem a.selected {

    /*
        Use "background" over "background-color" to clear background image 
        set by the ".yuimenubaritem a.selected" rule.
    */

    background: #B3D4FF;

}

/*
    Redefine the background for MenuItem instances that are children of
    a Menubar since the 
    ".yui-skin-sam .yuimenubar a.selected .submenuindicator" rule sets the 
    "background" property to "transparent"
*/

.yui-skin-sam .yuimenubar .yuimenuitem a.selected .submenuindicator {

    background: url(../../../../assets/skins/sam/sprite.png) no-repeat 0 -906px;

}

/*
    Remove borders and margin added by the style rule 
    ".yui-skin-sam .yuimenubarnav .yuimenubaritem a.selected"
*/

.yui-skin-sam .yuimenubarnav .yuimenuitem a.selected {

    border-width: 0;
    margin: 0;
    *left: 0;   /* For IE */

}


/* Disabled MenuItem */

.yui-skin-sam .yuimenuitem a.disabled {

    cursor: default;
    color: #A6A6A6;

}

.yui-skin-sam .yuimenuitem a.disabled .submenuindicator {

    background-position: 0 -931px;

}

.yui-skin-sam .yuimenuitem a.disabled .checkedindicator {

    background-position: 0 -1031px;

}